<#assign ctx=springMacroRequestContext.contextPath/>
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <link rel="stylesheet" href="${ctx}/plugin/layui/css/layui.css"/>
    <link rel="stylesheet" href="${ctx}/styles/style.css"/>
    <link rel="stylesheet" href="${ctx}/styles/book.css"/>
</head>
<body>
<input id="basePath" type="hidden" value="${ctx}"/>
<div class="root">
    <div class="topbar">
        <div class="topbar-menu">
            <a href="javascript:toPage('root')" class="topbar-menu-item">
                <img src="${ctx}/image/menu01.png"/><span>连接</span>
            </a>
            <a href="javascript:toPage('data')" class="topbar-menu-item">
                <img src="${ctx}/image/menu02.png"/><span>数据</span>
            </a>
            <a href="javascript:toPage('info')" class="topbar-menu-item">
                <img src="${ctx}/image/menu03.png"/><span>信息</span>
            </a>
            <a href="javascript:toPage('conf')" class="topbar-menu-item">
                <img src="${ctx}/image/menu04.png"/><span>配置</span>
            </a>
            <a href="javascript:toPage('book')" class="topbar-menu-item curr">
                <img src="${ctx}/image/menu05.png"/><span>指南</span>
            </a>
            <a href="javascript:toPage('self')" class="topbar-menu-item">
                <img src="${ctx}/image/menu06.png"/><span>关于</span>
            </a>
        </div>
        <div class="topbar-logo"><img src="${ctx}/image/page-logo.png"/></div>
    </div>
    <div class="handle">
        <div class="handle-left">
            <div class="layui-tab layui-tab-card">
                <ul class="layui-tab-title">
                    <li class="layui-this">版本规划</li>
                    <li>命令参考</li>
                </ul>
                <div class="layui-tab-content" style="height: 100px;">
                    <div class="layui-tab-item layui-show">
                        <ul class="layui-timeline">
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">2018年00月00 V1.1.0 规划</h3>
                                    <p>1.修复V1.1.0版本反馈问题</p>
                                    <p>2.增加连接时SSH通道支持</p>
                                    <p>3.增加redis集群模式管理</p>
                                    <p>4.增加国际化支持</p>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">2018年00月00 V1.1.0 待发</h3>
                                    <p>1.修复V1.0.0版本反馈问题(数据类型异常、连接卡死、单击模式信息监控异常...)</p>
                                    <p>2.优化数据模块逻辑，提高大数据量加载速度(实测加载百万数据正常)</p>
                                    <p>3.增加客户端连接监控信息(可便捷的查看当前所有的客户端连接信息)</p>
                                    <p>4.增加不同数据类型(string、set、hash...)的可视化操作(删除、修改、新增)</p>
                                    <p>5.增加连接信息的导入导出操作</p>
                                    <p>6.持续性能优化、界面布局优化、其他小功能完善</p>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">2018年09月04 V1.0.0 发布</h3>
                                    <p>1.开发服务连接、数据、配置、信息等功能模块</p>
                                    <p>2.开发redis操作的基本业务模块</p>
                                    <p>3.开发redis服务信息监控业务模块</p>
                                    <p>4.开发本软件实时邮箱反馈通道模块</p>
                                </div>
                            </li>
                            <li class="layui-timeline-item">
                                <i class="layui-icon layui-timeline-axis">&#xe63f;</i>
                                <div class="layui-timeline-content layui-text">
                                    <h3 class="layui-timeline-title">2018年08月26 V0.0.0 开源</h3>
                                </div>
                            </li>
                        </ul>
                    </div>
                    <div class="layui-tab-item">
                        开发中...
                    </div>
                </div>
            </div>
        </div>
        <div class="handle-right">
            <div class="guide-top">使用教程</div>
            <div class="guide-inf">
                <h3>1.软件下载</h3>
                <span>
                    <p>1>.微云下载：https://share.weiyun.com/5UIOsxY</p>
                    <p>2>.百度下载：https://pan.baidu.com/s/1ETwWnEj4rbsE1S3GlYHlWg</p>
                    <p>3>.码云下载：https://gitee.com/MaxBill/RedisPlus/attach_files</p>
                </span>
                <h3>2.软件安装</h3>
                <span>
                    <p>1>.windows系统下载exe安装包，双击安装完成</p>
                    <p>2>.linux系统下载deb安装包，使用dpkg命令或者双击安装</p>
                    <p>3>.mac系统暂未提供安装包，QQ群社区有人打包了，可以加群获取</p>
                </span>
                <h3>3.软件使用</h3>
                <span>
                    <p>01>新增连接：点击首页添加连接，新增Redis服务连接信息</p>
                    <p>02>打开连接：双击连接信息行，开始连接Redis服务</p>
                    <p>03>修改连接：在添加连接信息错误或者需要修改信息时，点击编辑连接更改Redis服务信息</p>
                    <p>04>移除连接：单击要移除的行，点击移除无用的连接信息</p>
                    <p>05>导出连接：点击导出连接按钮，会导出当前所有的连接信息</p>
                    <p>06>导入连接：点击导入连接按钮，会让选择一个含有标准连接信息excel文件</p>
                    <p style="color: #FD482C">在成功连接的情况下：</p>
                    <p>07>切换数据：点击数据菜单，会看到16个redis数据库，默认加载第一个，通过单击切换库</p>
                    <p>08>查看数据：点击左侧key，右边会加载该key的全部信息，提供了text、rwas、json三种视图模式</p>
                    <p>09>操作数据：点击key查看页面的edit视图，可以操作该kay的数据</p>
                    <p>10>查询数据：在左侧上方的搜索框中输入一个key可直接查询，输入表达式可模糊查询数据集</p>
                    <p>11>服务监控：点击信息菜单，左侧会实时显示内存占用和cpu耗时实时信息</p>
                    <p>12>服务信息：点击信息菜单，有侧会显示服务器、客户端、内存、连接等redis服务信息</p>
                    <p>13>配置服务：点击配置菜单，左侧可查看当前服务的详细配置信息，右侧可以修改服务信息</p>
                    <p>14>指南信息：点击指南菜单，该模块提供软件更新记录、提供redis命令参考、提供使用教程信息</p>
                    <p>15>版本信息：点击关于菜单，可以查看RedisPlus的开源、作者等信息</p>
                </span>
                <h3>4.交流反馈</h3>
                <span>
                    <p>1>.通过软件邮箱反馈通道</p>
                    <p>2>.通过官方QQ群：857111033 </p>
                    <p>3>.通过RedisPlus的开源issues区：https://gitee.com/MaxBill/RedisPlus/issues</p>
                </span>
            </div>
        </div>
    </div>
    <div class="status">
        <div class="status-message">
            <img src="${ctx}/image/${marktip}.png"/>
            <span class="conn ${marktip}">${message}</span>
        </div>
        <div class="status-version">${version}</div>
    </div>
</div>
<script type="text/javascript" src="${ctx}/plugin/layui/layui.js"></script>
<script type="text/javascript" src="${ctx}/script/script.js"></script>
<script>
    layui.use(['element', 'jquery', 'layer'], function () {
        var element = layui.element;
        layui.jquery('#guide-inf').load('https://gitee.com/MaxBill/RedisPlus/wikis/pages');
    });
</script>
</body>
</html>